<template>
  <el-card class="box-card">
  <el-table :data="order" style="width: 100%;">
    <el-table-column label="商品"  align="center">
      <template slot-scope="scope">
        <el-image
          style="width: 50px; height:50px"
          :src="scope.row.pic_url"
          :preview-src-list="[scope.row.pic_url]"
        >
          <div slot="error" class="image-slot">
            <i class="el-icon-picture-outline"></i>
          </div>
        </el-image>
        {{scope.row.title}}
      </template>
    </el-table-column>
    <el-table-column label="单价"  align="center">
      <template slot-scope="scope">
        {{ scope.row.limit_money }}
      </template>
    </el-table-column>
    <el-table-column label="订单金额"  align="center">
      <template slot-scope="scope">
        {{ scope.row.total_money }}
      </template>
    </el-table-column>
    <el-table-column label="优惠金额"  align="center">
      <template slot-scope="scope">
       {{ scope.row.reduce_money }}
      </template>
    </el-table-column>
    <el-table-column label="实付款"  align="center">
      <template slot-scope="scope">
       {{ scope.row.real_money }}
      </template>
    </el-table-column>
<!--    <el-table-column label="状态"  align="center">-->
<!--      <template slot-scope="scope">-->
<!--       {{ scope.row.status }}-->
<!--      </template>-->
<!--    </el-table-column>-->
  </el-table>
  </el-card>
</template>

<script>
export default {
  props:{
    order:{
      type: Array,
      default: () => {
        return []
      }
    },
  },
  data() {
    return {
    }
  },
}
</script>
